.breadcrumb{
    margin-bottom: 10px;
}
.square{
    /*border: 1px solid black;*/
    padding: 2px;
    width: 100%;
}
.square textarea{
    width: 100%;
    line-height: 25px;
    height: 235px;

    font-size: 20px;
    resize: none;
}
.preview{
    padding: 2px 2px 2px 10px;width: 50%;height: 792px;
}
.preview>div{
    width: 100%;
    height: 50%;
}
.showFront,.showBack{
    border: 1px solid black;
    height: 370px;
}
li[role=presentation] a{
    /*padding: 4px 6px;*/
}
.deleteBtn{
    position: absolute;
    top:-3px;
    left: 3px;
    color: #cccccc;
    z-index: 1000;
    height: 7px;
    cursor: pointer;
}
